/* Signed-in Claude theme, using the supplied social feed references. */
:root {
  --claude-blue: #0866e8;
  --claude-blue-soft: #e3f0ff;
  --claude-surface: #fff;
  --claude-canvas: #f1f2f5;
  --claude-input: #f0f2f5;
  --claude-text: #17191c;
  --claude-muted: #6b7077;
  --claude-line: #e1e4e8;
  --claude-shadow: 0 2px 6px rgba(20, 30, 50, .09), 0 1px 2px rgba(20, 30, 50, .05);
}
body { background: var(--claude-canvas); color: var(--claude-text); font-family: Arial, Helvetica, sans-serif; }
button, input, textarea, select { font-family: Arial, Helvetica, sans-serif; }
.page-margin { background: var(--claude-canvas); }
.btn-main, .btn-primary { background: var(--claude-blue); border-color: var(--claude-blue); color: #fff; }
.btn-main:hover, .btn-primary:hover { background: #0058ce; border-color: #0058ce; color: #fff; }
.btn, .btn-mat { font-weight: 600; }

/* Header, search, navigation and account menus. */
.tag_navbar_top, .tag_navbar_top .navbar-default, .tag_header,
.tag_header > .search-container, .tag_hdr_right { background: var(--claude-surface); }
.tag_navbar_top { box-shadow: 0 2px 5px rgba(0, 0, 0, .1); }
.tag_navbar_top .tag_header { min-height: 64px; }
.tag_header .search-container #navbar-searchbox { border-radius: 32px; background: var(--claude-input); }
.tag_header .search-container .search-input { color: var(--claude-text); }
.tag_hdr_right > .dropdown { margin: 0 4px; }
.tag_hdr_droptoggle {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 43px;
  height: 43px;
  padding: 0;
  border-radius: 50%;
  background: #e5e7eb;
  color: #16191d;
  transition: background .15s ease, color .15s ease;
}
.tag_hdr_droptoggle:hover, .tag_hdr_right > .dropdown.open > .tag_hdr_droptoggle { background: var(--claude-blue-soft); color: var(--claude-blue); }
.tag_hdr_droptoggle:before { display: none; }
.tag_hdr_user_droptoggle img { width: 42px; height: 42px; }
.tag_hdr_right > .dropdown .dropdown-menu,
.tag_create_dropup > .dropdown-menu,
.search-dropdown-container {
  border: 1px solid var(--claude-line);
  border-radius: 16px;
  background: var(--claude-surface);
  box-shadow: 0 12px 32px rgba(28, 39, 60, .18);
  overflow: hidden;
}
.tag_hdr_right > .dropdown .dropdown-menu { padding: 12px; }
.tag_hdr_right .tag_page_title { font-size: 23px; font-weight: 700; color: var(--claude-text); }
.tag_hdr_right .tag_switch_noti { border: 0; gap: 6px; }
.tag_hdr_right .tag_switch_noti a { border-radius: 24px; font-weight: 600; }
.tag_hdr_right .tag_switch_noti .active { color: var(--claude-blue); background: var(--claude-blue-soft); }
.tag_hdr_right .notification-list, .tag_hdr_right .messages-list, .tag_hdr_right .user-request-list {
  padding: 10px 8px;
  margin: 2px 0;
  border-radius: 10px;
  font-size: 15px;
}
.tag_hdr_right .notification-list:hover, .tag_hdr_right .messages-list:hover, .tag_hdr_right .user-request-list:hover { background: var(--claude-input); }
.tag_hdr_right .notification-list .ajax-time, .tag_hdr_right .messages-list .ajax-time { color: var(--claude-blue); font-size: 12px; }
.tag_hdr_right .user-request-list .accept-btns .btn { border-radius: 8px; font-weight: 600; }
.tag_hdr_right .user-request-list .accept-btns .btn-main { background: var(--claude-blue); }
.tag_hdr_user_dropdown > li > a, .tag_create_menu > li > a { border-radius: 9px; font-size: 15px; color: var(--claude-text); }
.tag_hdr_user_dropdown > li > a:hover, .tag_create_menu > li > a:hover { background: var(--claude-input); }
.new-update-alert { background: #e41e3f; border: 2px solid #fff; }
.tag_sidebar { background: var(--claude-canvas); box-shadow: none; }
.tag_sidebar_section > a { border-radius: 10px; }
.tag_sidebar_section > a:hover { background: #e5e7eb; }
.claude_social_tabs {
  position: absolute;
  top: 0;
  left: 50%;
  display: flex;
  height: 100%;
  gap: 5px;
  transform: translateX(-50%);
  z-index: 1;
}
.claude_social_tabs > a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: clamp(56px, 6.5vw, 110px);
  height: 100%;
  border-bottom: 3px solid transparent;
  color: #6a6d72;
  text-decoration: none;
}
.claude_social_tabs > a:hover { background: #f2f3f5; color: var(--claude-blue); }
.claude_social_tabs > a.active { border-bottom-color: var(--claude-blue); color: var(--claude-blue); }
.claude_social_tabs svg { width: 26px; height: 26px; }
.tag_navbar_top_side { background: var(--claude-canvas); border-right: 0; }
.tag_navbar_top_side .sidebar_innr > .btn { border-radius: 10px; font-size: 15px; font-weight: 600; }
.tag_navbar_top_side .sidebar_innr > .btn:hover { background: #e5e7eb; }
.tag_navbar_top_side_all { border: 1px solid var(--claude-line); border-radius: 16px; background: var(--claude-canvas); box-shadow: 0 12px 32px rgba(28, 39, 60, .18); }
.tag_navbar_top_side_all .sidebar_innr { padding: 18px; }
.tag_navbar_top_side_all_heading { font-size: 20px; font-weight: 700; letter-spacing: 0; text-transform: none; }
.tag_navbar_top_side_all_sec a { border: 0; border-radius: 10px; background: #fff; box-shadow: var(--claude-shadow); }

/* Feed, cards, story tiles and suggestions. */
.page-margin .wow_content, .page-margin .post,
.tag_pub_box_bg, .tag_sidebar_widget {
  background: var(--claude-surface);
  border: 1px solid #e5e7eb;
  border-radius: 16px;
  box-shadow: var(--claude-shadow);
}
.middlecol .wow_content { margin-bottom: 16px; }
.tag_pub_box_bg { padding: 13px 16px; gap: 12px; }
.tag_pub_box_bg .tag_pub_box_avatar img { width: 44px; height: 44px; border-radius: 50%; }
.tag_pub_box_bg .tag_pub_box_bg_text {
  min-height: 48px;
  border: 0;
  border-radius: 28px;
  background: var(--claude-input);
  color: var(--claude-muted);
  font-size: 16px;
  font-weight: 400;
  text-align: left;
}
.tag_pub_box_bg .tag_pub_box_bg_text:hover { background: #e7e9ed; }
.tag_pub_box_bg_camlve { color: var(--claude-blue); }
.tag_stories_on_home .status-list { gap: 10px; }
.tag_stories_on_home .status-list > li { border-radius: 14px; overflow: hidden; box-shadow: var(--claude-shadow); }
.tag_stories_on_home .status-list > li > a img { object-fit: cover; }
.tag_stories_on_home .status-list > li p { font-weight: 600; }
.tag_stories_on_home .status-list .create_new span { background: var(--claude-blue); color: #fff; border: 3px solid #fff; }
.tag_post_actions { border-top: 1px solid var(--claude-line); border-bottom: 1px solid var(--claude-line); }
.tag_post_actions .stat-item { border-radius: 8px; color: var(--claude-muted); font-weight: 600; }
.tag_post_actions .stat-item:hover { background: var(--claude-input); color: var(--claude-blue); }
.tag_post_actions .stat-item .icoo { background: transparent; }
.tag_sidebar_widget_title, .wo_page_hdng { color: var(--claude-muted); }
.tag_sidebar_widget .btn-main { border-radius: 8px; }

/* Floating panels and composer controls. */
.modal-backdrop { background: #f5f6f8; }
.modal-backdrop.in, .modal-backdrop.show { opacity: .75; }
.tag_main_pub_box .modal-dialog, .wow_mat_mdl { border-radius: 16px; }
.tag_pub_box.modal-content { border: 0; border-radius: 16px; box-shadow: 0 16px 40px rgba(19, 31, 50, .2); overflow: hidden; }
.tag_pub_box .modal-header { border-bottom: 1px solid var(--claude-line); }
.tag_pub_box .modal-header .btn-default { border-radius: 50%; background: #e5e7eb; }
.tag_pub_box .modal-header .btn-main { border-radius: 24px; }
.publisher-box textarea.postText { color: var(--claude-text); font-size: 18px; }
.publisher-box .publisher-box-footer .pub-footer-upper { border-color: var(--claude-line); }
.comment .comment-body, .post .post-footer .comments-list .comment .comment-body { border-radius: 16px; }
.post .post-footer input, .post .post-footer textarea { border-radius: 22px; background: var(--claude-input); }

/* Larger image reactions with a compact, polished tray. */
.reactions-box {
  padding: 5px 7px;
  border: 1px solid #dce0e5;
  border-radius: 40px;
  background: #fff;
  box-shadow: 0 9px 28px rgba(17, 24, 39, .21);
  white-space: nowrap;
}
.reactions-box .reaction {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  transition: transform .18s ease, background .18s ease;
}
.reactions-box .reaction:hover { transform: translateY(-6px) scale(1.15); background: transparent; z-index: 1; }
.reactions-box .reaction img, .post .reactions-box .reaction img { width: 48px; height: 48px; padding: 2px; object-fit: contain; }
.reactions-box .reaction .emoji { transform-origin: center; }
.reactions-box .reaction:is([data-reaction="Like"], [data-reaction="Love"], [data-reaction="Care"], [data-reaction="HaHa"], [data-reaction="Wow"], [data-reaction="Sad"], [data-reaction="Angry"]) > * { display: none !important; }
.reactions-box .reaction:is([data-reaction="Like"], [data-reaction="Love"], [data-reaction="Care"], [data-reaction="HaHa"], [data-reaction="Wow"], [data-reaction="Sad"], [data-reaction="Angry"])::before {
  content: "";
  display: block;
  width: 46px;
  height: 46px;
  background-size: contain;
  background-repeat: no-repeat;
  filter: drop-shadow(0 2px 2px rgba(0,0,0,.14));
}
.reactions-box .reaction[data-reaction="Like"]::before { background-image: url('../reaction/reactions_like.png'); }
.reactions-box .reaction[data-reaction="Love"]::before { background-image: url('../reaction/reactions_love.png'); }
.reactions-box .reaction[data-reaction="Care"]::before { background-image: url('../reaction/reactions_care.svg'); }
.reactions-box .reaction[data-reaction="HaHa"]::before { background-image: url('../reaction/reactions_haha.png'); }
.reactions-box .reaction[data-reaction="Wow"]::before { background-image: url('../reaction/reactions_wow.png'); }
.reactions-box .reaction[data-reaction="Sad"]::before { background-image: url('../reaction/reactions_sad.png'); }
.reactions-box .reaction[data-reaction="Angry"]::before { background-image: url('../reaction/reactions_angry.png'); }

/* Native floating chat and full messenger composer. */
.chat-wrapper { border: 1px solid var(--claude-line); border-radius: 14px 14px 0 0; box-shadow: 0 10px 28px rgba(25, 35, 55, .18); overflow: hidden; }
.chat-wrapper .online-toggle-hdr { background: #f7f9fc; border-bottom: 1px solid var(--claude-line); }
.chat-wrapper .chat-textarea { padding: 8px 10px 10px; background: #fff; }
.chat-wrapper .chat-textarea .chat-btns-w { gap: 7px; padding: 0 0 7px; }
.chat-wrapper .chat-textarea .chat-btns-w .chat_optns { display: inline-flex; align-items: center; justify-content: center; min-width: 30px; min-height: 30px; border-radius: 50%; color: var(--claude-blue); }
.chat-wrapper .chat-textarea textarea { min-height: 38px; padding: 9px 36px 9px 14px; border: 0; border-radius: 22px; background: var(--claude-input); font-size: 14px; }
.tag_chat_emoji .dropdown-toggle, .tag_msg_write .message-option-btn { color: var(--claude-blue); }
.tag_msg_write { padding: 12px 18px 18px; border-top: 1px solid var(--claude-line); background: #fff; }
.tag_msg_write textarea { border-radius: 22px; background: var(--claude-input); font-size: 15px; }
.tag_msg_write .send-button { background: var(--claude-blue); border-radius: 24px; }

@media (max-width: 767px) {
  .claude_social_tabs { display: none; }
  .tag_navbar_top .tag_header { min-height: 56px; }
  .tag_hdr_droptoggle { width: 38px; height: 38px; }
  .tag_hdr_right > .dropdown { margin: 0 2px; }
  .tag_hdr_right > .dropdown .dropdown-menu { max-width: calc(100vw - 16px); }
  .page-margin .wow_content, .page-margin .post { border-radius: 12px; }
  .tag_pub_box_bg { padding: 10px; gap: 6px; }
  .tag_pub_box_bg .tag_pub_box_bg_text { min-height: 42px; font-size: 14px; }
  .reactions-box .reaction { width: 43px; height: 43px; }
  .reactions-box .reaction img, .post .reactions-box .reaction img { width: 41px; height: 41px; }
}
@media (max-width: 1150px) { .claude_social_tabs { display: none; } }

/* Desktop layout: a full navigation rail, central feed, and live contacts. */
@media (min-width: 993px) {
  body.tag_header_top_p { padding-top: 64px !important; }
  body.tag_header_top_p .tag_header_top_m { margin-left: clamp(215px, 18vw, 290px); }
  body.tag_header_top_p .tag_navbar_top_side { display: flex; width: clamp(215px, 18vw, 290px); top: 64px; height: calc(100vh - 64px); z-index: 90; }
  body.tag_header_top_p .tag_navbar_top_side .sidebar_innr { overflow-y: auto; padding: 14px 8px; }
  body.tag_header_top_p .tag_navbar_top_side .sidebar_innr > .btn { display: flex; align-items: center; position: relative; min-height: 49px; margin: 2px 0; padding: 5px 10px; overflow: visible; color: #1c1e21; line-height: 1.2; }
  body.tag_header_top_p .tag_navbar_top_side .sidebar_innr > .btn svg { width: 36px; height: 36px; min-width: 36px; margin: 0 12px 0 0; padding: 6px; }
  body.tag_header_top_p .tag_navbar_top_side .sidebar_innr > .btn span { display: inline; position: static; transform: none; visibility: visible; opacity: 1; padding: 0; background: transparent; color: inherit; font-size: 15px; font-weight: 600; white-space: normal; line-height: 1.25; }
  body.tag_header_top_p .tag_navbar_top_side .sidebar_innr > .btn:hover span { transform: none; }
  body.tag_header_top_p .tag_header_top_m .page-margin > .container { width: 100%; max-width: none; padding: 18px 20px; }
  body.tag_header_top_p .tag_header_top_m .page-margin > .container > .row { display: flex; flex-wrap: nowrap; justify-content: center; align-items: flex-start; gap: clamp(16px, 3vw, 44px); margin: 0; }
  body.tag_header_top_p .tag_header_top_m .page-margin > .container > .row > .middlecol { flex: 1 1 auto; width: auto; max-width: 760px; min-width: 0; padding: 0; }
  body.tag_header_top_p .tag_header_top_m .page-margin > .container > .row > .rightcol { display: block; flex: 0 0 clamp(235px, 21vw, 320px); width: clamp(235px, 21vw, 320px); max-width: none; min-width: 0; padding: 0; }
  body.tag_header_top_p .greetalert { display: none; }
  body.tag_header_top_p .tag_home_filters.home { position: relative; top: auto; margin: 0 auto 12px; max-width: 760px; }
  body.tag_header_top_p .tag_home_filters.home .tag_page_nav { display: none; }
  body.tag_header_top_p .tag_home_filters.home .tag_home_goup { display: none; }
  body.tag_header_top_p .tag_stories_on_home { margin: 10px 0 18px; }
  body.tag_header_top_p .tag_stories_on_home + hr { display: none; }
  body.tag_header_top_p .tag_stories_on_home .status-list { overflow-x: auto; padding: 2px 1px 8px; scrollbar-width: thin; }
  body.tag_header_top_p .tag_stories_on_home .status-list > li { flex: 0 0 116px; width: 116px; min-width: 116px; }
  body.tag_header_top_p .tag_stories_on_home .status-list > li.story_empty { display: none; }
  body.tag_header_top_p .tag_stories_on_home .status-list > li > a { padding-bottom: 166%; }
  body.tag_header_top_p .tag_pub_box_bg { margin: 0 0 16px; }
  body.tag_header_top_p .tag_post_skel { margin-top: 12px; }
}
@media (min-width: 993px) and (max-width: 1199px) {
  body.tag_header_top_p .tag_header_top_m .page-margin > .container > .row { gap: 18px; }
  body.tag_header_top_p .tag_header_top_m .page-margin > .container > .row > .rightcol { flex-basis: 230px; width: 230px; }
}

/* The desktop bar follows the five-tab layout of the supplied feed. */
@media (min-width: 993px) {
  .tag_navbar_top .tag_header { min-height: 64px; padding-left: 12px; }
  .tag_navbar_top .tag_toggle_sidebar { display: none; }
  .tag_navbar_top .header-brand { display: block; width: 45px; min-width: 45px; height: 45px; }
  .tag_navbar_top .header-brand .tag_logo_pc { display: none; }
  .tag_navbar_top .header-brand .tag_logo_mobi { display: block; width: 45px; height: 45px; max-width: 45px; max-height: 45px; object-fit: contain; }
  .tag_navbar_top .tag_header > .search-container { margin-left: 8px; width: clamp(205px, 22vw, 350px); }
  .tag_navbar_top .tag_header > .search-container > form { margin: 0; }
  .claude_social_tabs { left: 52%; }
  .claude_social_tabs > a { width: clamp(70px, 7.1vw, 135px); }
  .tag_navbar_top_right .tag_hdr_right { display: flex; align-items: center; gap: 8px; height: 56px; padding: 8px 16px; box-sizing: border-box; }
  .tag_navbar_top_right .tag_hdr_user_droptoggle span { display: none; }
  .tag_navbar_top_right .tag_hdr_user_droptoggle { width: 44px; height: 44px; padding: 0; overflow: visible; }
  .tag_navbar_top_right .tag_hdr_user_droptoggle img { width: 44px; height: 44px; border-radius: 50%; object-fit: cover; }
  .tag_navbar_top_right .tag_hdr_right > .dropdown { margin: 0; }
  .tag_navbar_top_right .requests-container { display: none; }
  .tag_navbar_top_right .claude_menu_trigger { border: 0; flex: 0 0 43px; }
  .tag_navbar_top_right .claude_menu_trigger svg { width: 21px; height: 21px; }
  .tag_navbar_top_right .messages-notification-container .dropdown-menu,
  .tag_navbar_top_right .notification-container .dropdown-menu { width: min(520px, calc(100vw - 22px)) !important; min-width: 0; max-height: calc(100vh - 88px); top: 60px; right: 0; left: auto; padding: 18px; border-radius: 16px; }
  .tag_navbar_top_right .messages-notification-container .tag_page_title,
  .tag_navbar_top_right .notification-container .tag_page_title { font-size: 27px; margin: 0 0 12px; }
  .tag_navbar_top_right .notification-list, .tag_navbar_top_right .messages-list { padding: 12px 8px; border-radius: 9px; }
  .tag_navbar_top_right .notification-list .notification-user-avatar img,
  .tag_navbar_top_right .messages-list img { border-radius: 50%; }
}
@media (min-width: 993px) and (max-width: 1350px) {
  .tag_navbar_top .tag_header > .search-container { width: 240px; }
  .claude_social_tabs { left: 54%; }
  .claude_social_tabs > a { width: 78px; }
}

/* Wide flyout opened from the grid icon; the existing links keep working. */
@media (min-width: 993px) {
  .tag_navbar_top_side_all { top: 72px; left: auto; right: 14px; width: min(810px, calc(100vw - 28px)); max-height: calc(100vh - 85px); padding: 18px; background: #f1f2f5; transform-origin: 80% 0; }
  .tag_navbar_top_side_all::before { content: 'Menu'; display: block; padding: 0 8px 12px; color: #14171a; font-size: 27px; font-weight: 700; }
  .tag_navbar_top_side_all .tag_navbar_top_side_all_arrow { display: none; }
  .tag_navbar_top_side_all .sidebar_innr { max-height: calc(100vh - 155px); padding: 12px 18px 18px; border-radius: 14px; background: #fff; }
  .tag_navbar_top_side_all_heading { font-size: 17px; margin: 18px 0 8px; }
  .tag_navbar_top_side_all_sec { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 4px 12px; }
  .tag_navbar_top_side_all_sec a { display: flex; align-items: center; min-width: 0; padding: 10px; line-height: 1.25; border: 0; box-shadow: none; font-size: 15px; font-weight: 600; }
  .tag_navbar_top_side_all_sec a svg, .tag_navbar_top_side_all_sec a img { flex: 0 0 30px; margin-right: 12px; }
}

/* Contacts, friend requests, and cards in the right column. */
.claude_right_section { padding: 8px 0 16px; margin-bottom: 10px; border-bottom: 1px solid #d9dde3; }
.claude_right_heading { display: flex; align-items: center; justify-content: space-between; gap: 10px; margin-bottom: 8px; color: #646a72; font-size: 17px; }
.claude_right_heading strong { font-weight: 700; }
.claude_right_heading a { color: #0866e8; font-size: 14px; }
.claude_contact { display: flex; align-items: center; width: 100%; height: 50px; padding: 5px 8px; border: 0; border-radius: 8px; background: transparent; text-align: left; color: #1c1e21; font-size: 15px; font-weight: 600; }
.claude_contact:hover { background: #e3e5e9; }
.claude_contact img { width: 35px; height: 35px; margin-right: 11px; border-radius: 50%; object-fit: cover; }
.claude_contact span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.claude_contact i { width: 8px; height: 8px; margin-left: auto; border-radius: 50%; background: #28a745; }
.claude_friend_requests .user-request-list { margin: 0; padding: 7px 0; }
.claude_friend_requests .user-request-list .avatar { width: 44px; min-width: 44px; height: 44px; margin-right: 9px; }
.claude_friend_requests .accept-btns .btn { border-radius: 8px; flex: 1; }
.claude_friend_requests .accept-btns .btn-main { background: #0866e8; color: #fff; }

/* Feed content and message composer details. */
.middlecol .wow_content { border-radius: 12px; }
.tag_post_actions { justify-content: space-between; padding: 4px 8px; }
.tag_post_actions > div { flex: 1; }
.tag_post_actions .stat-item { min-height: 40px; justify-content: center; }
.tag_pub_box_bg_text { flex: 1; }
.chat-tab .online-toggle-hdr { background: #82d5f9; border-radius: 12px 12px 0 0; }
.chat-tab .chat-main, .chat-tab .chat_main, .chat-tab .chat-tab-container { background-color: #a7e7fc; }
.chat-tab .chat-messages-wrapper { background: linear-gradient(160deg,#92dafe 0%,#bfeff9 68%,#d5f7ff 100%); }
.chat-tab .chat-textarea { background: #c4f0fb; }
.chat-tab .chat-textarea .chat-btns-w .chat_optns { color: #a02eff; }
.chat-tab .chat-textarea textarea { background: rgba(255,255,255,.48); }

@media (min-width: 993px) {
  .tag_navbar_top { height: 64px; }
  .claude_primary_nav .claude_profile_link img { width: 36px; height: 36px; min-width: 36px; margin-right: 12px; border-radius: 50%; object-fit: cover; }
  body.tag_header_top_p .claude_primary_nav .claude_nav_emoji { display: inline-flex !important; align-items: center; justify-content: center; position: static !important; width: 36px; height: 36px; min-width: 36px; padding: 0; margin: 0 12px 0 0; border-radius: 50%; background: transparent !important; color: #1c1e21 !important; font-size: 26px !important; line-height: 1 !important; transform: none !important; visibility: visible !important; opacity: 1 !important; }
  body.tag_header_top_p .claude_primary_nav .claude_see_more { width: 100%; border: 0; text-align: left; }
  .claude_nav_divider { height: 1px; margin: 12px 5px; background: #d8dade; }
  .claude_nav_subtitle { display: block; padding: 2px 14px; color: #686d74; font-size: 16px; }
  .tag_navbar_top_side_all .claude_menu_layout { display: grid; grid-template-columns: minmax(0, 1fr) 210px; gap: 16px; }
  .tag_navbar_top_side_all .claude_menu_catalog, .tag_navbar_top_side_all .claude_menu_create { min-width: 0; max-height: calc(100vh - 150px); overflow: hidden; border-radius: 15px; background: #fff; box-shadow: 0 1px 3px rgba(0,0,0,.08); }
  .tag_navbar_top_side_all .claude_menu_search { display: flex; align-items: center; margin: 15px 15px 0; padding: 10px 13px; border-radius: 25px; background: #f0f2f5; color: #687078; }
  .tag_navbar_top_side_all .claude_menu_search input { width: 100%; margin-left: 8px; border: 0; outline: 0; background: transparent; color: #1c1e21; font-size: 15px; }
  .tag_navbar_top_side_all .claude_menu_catalog .sidebar_innr { max-height: calc(100vh - 205px); overflow-y: auto; box-shadow: none; }
  .tag_navbar_top_side_all .claude_menu_create { padding: 16px 12px; overflow-y: auto; }
  .tag_navbar_top_side_all .claude_menu_create h2 { margin: 3px 10px 17px; font-size: 19px; font-weight: 700; }
  .tag_navbar_top_side_all .claude_menu_create a, .tag_navbar_top_side_all .claude_menu_create button { display: flex; align-items: center; width: 100%; min-height: 48px; padding: 6px 9px; border: 0; border-radius: 9px; background: #fff; color: #1c1e21; font-size: 15px; font-weight: 600; text-align: left; }
  .tag_navbar_top_side_all .claude_menu_create a:hover, .tag_navbar_top_side_all .claude_menu_create button:hover { background: #f1f2f5; }
  .tag_navbar_top_side_all .claude_menu_create span { display: inline-flex; align-items: center; justify-content: center; width: 33px; height: 33px; margin-right: 10px; border-radius: 50%; background: #e4e6eb; font-size: 19px; }
}
@media (min-width: 993px) and (max-width: 1150px) {
  .tag_navbar_top_side_all { width: min(720px, calc(100vw - 20px)); }
}
@media (max-width: 992px) {
  .claude_menu_layout { display: block; }
  .claude_menu_search, .claude_menu_create { display: none; }
}

/* Chat and notification panels. */
.claude_chat_tools label { display: flex; align-items: center; gap: 8px; margin: 12px 2px 10px; padding: 10px 14px; border-radius: 24px; background: #f0f2f5; color: #65676b; }
.claude_chat_tools label input { flex: 1; width: 100%; border: 0; outline: 0; background: transparent; color: #1c1e21; font-size: 15px; }
.claude_panel_chips { display: flex; align-items: center; gap: 6px; margin: 6px 0 12px; }
.claude_panel_chips button { padding: 7px 13px; border: 0; border-radius: 22px; background: transparent; color: #1c1e21; font-size: 14px; font-weight: 600; }
.claude_panel_chips button:hover { background: #f0f2f5; }
.claude_panel_chips button.active { background: #e5f0ff; color: #0866e8; }
.notification-container .tag_switch_noti { display: none; }
.messages-notification-container .messages-list .notification-user-avatar,
.notification-container .notification-list .notification-user-avatar { width: 50px; height: 50px; min-width: 50px; margin-right: 12px; }
.messages-notification-container .messages-list .notification-user-avatar img,
.notification-container .notification-list .notification-user-avatar img { width: 50px; height: 50px; object-fit: cover; }
.messages-notification-container .messages-list.unread::after,
.notification-container .notification-list.unread::after { content: ''; position: absolute; right: 8px; top: 50%; width: 8px; height: 8px; border-radius: 50%; background: #0866e8; }

/* Suggested profiles use the image-first cards shown in the reference. */
.tag_post_people_know { padding: 16px; }
.tag_post_people_know .tag_sidebar_widget_title { margin-bottom: 12px; color: #1c1e21; font-size: 18px; }
.tag_post_people_know .sidebar-users-may-know-container { display: flex; gap: 12px; padding: 0 1px 6px; }
.tag_post_people_know .wow_side_usrs { display: block; flex: 0 0 168px; width: 168px; padding: 0; }
.tag_post_people_know .tag_sidebar_users { overflow: hidden; border: 1px solid #e1e4e8; border-radius: 12px; background: #fff; box-shadow: 0 2px 4px rgba(0,0,0,.12); }
.tag_post_people_know .tag_sidebar_users .avatar { margin: 0 0 10px; padding-bottom: 100%; }
.tag_post_people_know .tag_sidebar_users .avatar img { border-radius: 0; object-fit: cover; }
.tag_post_people_know .tag_sidebar_users .truncate { color: #1c1e21; font-size: 16px; font-weight: 700; }
.tag_post_people_know .tag_sidebar_users .btn { min-height: 35px; border-radius: 8px; background: #dbeafd; color: #0866e8; font-size: 14px; font-weight: 700; }

/* Keep the feed starting with the composer, matching the reference. */
@media (min-width: 993px) {
  body.tag_header_top_p .tag_home_filters.home { display: none; }
  body.tag_header_top_p .page-margin > .container { padding-top: 16px; }
}
@media (min-width: 993px) {
  body.side_open .tag_side_backdrop { visibility: hidden; background: transparent; }
  body.side_open .tag_toggle_sidebar_top { display: none; }
  body.side_open { overflow: auto !important; }
}
.reactions-box[style*="display: block"] { display: flex !important; flex-wrap: nowrap; align-items: center; width: max-content; max-width: calc(100vw - 20px); }
.reactions-box .reaction { float: none; flex: 0 0 50px; }
.claude_primary_nav .claude_menu_icon { flex: 0 0 36px; margin-right: 12px; overflow: visible; }
.tag_navbar_top_side .claude_primary_nav > .btn .claude_menu_icon { padding: 0 !important; }
.claude_menu_create .claude_menu_icon { width: 31px; height: 31px; flex: 0 0 31px; margin-right: 11px; padding: 4px; border-radius: 50%; background: #e4e6eb; }

/* Feed engagement uses a compact count row followed by three equal actions. */
.post .tag_post_foot_stats { margin: 0 -15px; padding: 10px 16px 8px; min-height: 44px; border-bottom: 1px solid #e4e6eb; color: #65676b; }
.post .tag_post_foot_stats .post-actions { gap: 8px; }
.post .tag_post_foot_stats .stat-item { margin: 0; font-size: 14px; text-transform: none; }
.post .tag_post_actions { display: grid; grid-template-columns: 2fr 1fr; margin: 0 -15px; padding: 3px 8px; border: 0; }
.post .tag_post_actions > div:first-child { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); }
.post .tag_post_actions > div:last-child { display: flex; }
.post .tag_post_actions .stat-item { display: flex; align-items: center; justify-content: center; width: 100%; min-width: 0; margin: 0; padding: 5px 0; color: #65676b; font-weight: 600; }
.post .tag_post_actions .like-btn, .post .tag_post_actions .tag_post_react_btn { display: flex; align-items: center; justify-content: center; }
.post .tag_post_actions .tag_post_react_btn svg, .post .tag_post_actions .tag_post_foot_acticon svg, .post .tag_post_actions #like-button > svg { width: 24px; height: 24px; margin: 0 8px 0 0; padding: 0; border-radius: 0; background: transparent; }
.post .tag_post_actions .tag_post_foot_acticon .like-btn-mobile { display: inline; }
.post .tag_post_actions .tag_post_foot_acticon.commnt:not(:has(.like-btn-mobile))::after { content: 'Comment'; }
.post .tag_post_actions .tag_post_foot_acticon.share:not(:has(.like-btn-mobile))::after { content: 'Share'; }

/* Post composer keeps the existing posting controls inside the reference layout. */
.tag_main_pub_box .modal-dialog { width: min(560px, calc(100vw - 24px)); max-width: 560px; margin: 6vh auto; }
.tag_main_pub_box .tag_pub_box { position: relative; border-radius: 14px; }
.tag_main_pub_box .modal-header { display: flex; align-items: center; justify-content: flex-end; min-height: 64px; padding: 10px 14px; }
.tag_main_pub_box .modal-header > div:first-of-type { order: 2; }
.tag_main_pub_box .modal-header > div:nth-of-type(2) { order: 1; margin-right: auto; }
.claude_post_modal_title { position: absolute; left: 50%; top: 18px; transform: translateX(-50%); margin: 0; color: #1c1e21; font-size: 21px; font-weight: 700; white-space: nowrap; }
.tag_main_pub_box .modal-header .btn-default { width: 37px; height: 37px; border-radius: 50%; background: #e4e6eb; color: #65676b; }
.claude_post_author { display: flex; align-items: center; gap: 11px; padding: 16px 18px 7px; }
.claude_post_author > img { width: 42px; height: 42px; border-radius: 50%; object-fit: cover; }
.claude_post_author strong { color: #1c1e21; font-size: 16px; }
.claude_post_author_privacy { margin-top: 3px; }
.claude_post_author_privacy .wow_pub_privacy_dropdown { display: inline-flex; align-items: center; padding: 3px 7px; border-radius: 6px; background: #e4e6eb; color: #1c1e21; font-size: 12px; font-weight: 700; }
.claude_post_author_privacy .wow_pub_privacy_dropdown svg { width: 14px; height: 14px; }
.claude_post_author_privacy .wow_pub_privacy_menu { top: 100%; bottom: auto; background: #fff; border: 1px solid #ddd; }
.claude_post_author_privacy .wow_pub_privacy_menu li label input+span { color: #1c1e21; }
.claude_post_author_privacy .wow_pub_privacy_menu li:hover label span { background: #f0f2f5; }
.tag_main_pub_box .publisher-box textarea.postText { min-height: 210px; max-height: 34vh; padding: 20px 20px 8px; font-size: 23px; line-height: 1.35; }
.tag_main_pub_box .publisher-box textarea.postText::placeholder { color: #65676b; opacity: 1; }
.tag_main_pub_box .publisher-box-footer .pub-footer-bottom { min-height: 52px; padding: 8px 18px; }
.tag_main_pub_box .tag_pub_btn_color { display: inline-flex; align-items: center; justify-content: center; width: 30px; height: 30px; border-radius: 7px; background: linear-gradient(130deg,#f34496,#ebbd3a,#63cc68,#5d9cff); }
.tag_main_pub_box .tag_pub_btn_color svg { width: 20px; height: 20px; filter: brightness(0) invert(1); }
.tag_main_pub_box .tag_pub_btn_color svg { display: none; }
.tag_main_pub_box .tag_pub_btn_color::after { content: 'Aa'; color: #fff; font-size: 16px; font-weight: 800; }
.tag_main_pub_box .publisher-box-footer .pub-footer-upper { display: flex; align-items: center; flex-wrap: nowrap; gap: 7px; margin: 10px 16px; padding: 8px 10px; border: 1px solid #d6d9dd; border-radius: 9px; overflow: visible; text-align: left; white-space: normal; }
.claude_post_add_label { flex: 1 1 auto; margin: 0 4px; color: #1c1e21; font-size: 15px; white-space: nowrap; }
.tag_main_pub_box .pub-footer-upper .claude_post_quick_action, .claude_post_tag_button, .claude_post_more_btn { display: inline-flex; align-items: center; justify-content: center; flex: 0 0 34px; width: 34px; height: 36px; min-width: 34px; margin: 0; padding: 3px; border: 0; border-radius: 6px; background: transparent; cursor: pointer; line-height: 1; }
.tag_main_pub_box .pub-footer-upper .claude_post_quick_action > span { display: none; }
.tag_main_pub_box .pub-footer-upper .claude_post_quick_action svg { width: 28px; height: 28px; margin: 0; }
.tag_main_pub_box .pub-footer-upper .claude_post_photo svg { color: #41b35d; }
.tag_main_pub_box .pub-footer-upper .claude_post_gif svg { color: #24b8a5; }
.tag_main_pub_box .pub-footer-upper .claude_post_feeling svg { color: #f66d20; }
.tag_main_pub_box .pub-footer-upper .claude_post_location svg { color: #f4574f; }
.claude_post_tag_button { color: #1778f2; }
.claude_post_more_btn { color: #65676b; font-size: 20px; letter-spacing: 1px; }
.claude_post_quick_action:hover, .claude_post_tag_button:hover, .claude_post_more_btn:hover { background: #f0f2f5 !important; }
.claude_post_submit { padding: 6px 16px 16px; }
.claude_post_submit #publisher-button { display: block; width: 100%; min-height: 37px; border-radius: 8px; font-size: 15px; font-weight: 700; }
.claude_post_more_panel { display: none; position: absolute; inset: 0; z-index: 25; min-height: 400px; overflow-y: auto; border-radius: inherit; background: #fff; }
.claude_post_more_open .claude_post_more_panel { display: block; }
.claude_post_more_head { display: flex; align-items: center; justify-content: center; min-height: 64px; padding: 10px 16px; border-bottom: 1px solid #ddd; color: #1c1e21; font-size: 20px; }
.claude_post_more_head button { position: absolute; left: 16px; width: 38px; height: 38px; border: 0; border-radius: 50%; background: #e4e6eb; color: #65676b; font-size: 24px; }
.claude_post_more_grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 5px 12px; padding: 18px; }
.claude_post_more_grid .tag_pub_box_btns, .claude_post_more_grid .tag_pubbox_record { display: flex; align-items: center; width: 100%; min-height: 48px; margin: 0; padding: 7px 8px; border-radius: 7px; background: #fff; color: #1c1e21; font-size: 14px; white-space: normal; }
.claude_post_more_grid .tag_pub_box_btns > span { display: inline; }
.claude_post_more_grid .tag_pub_box_btns:hover { background: #f0f2f5; }
.claude_post_more_grid .tag_pub_box_btns svg { flex: 0 0 25px; width: 25px; height: 25px; margin: 0 10px 0 0; }
@media (max-width: 600px) { .claude_post_add_label { font-size: 13px; } .tag_main_pub_box .publisher-box-footer .pub-footer-upper { gap: 2px; margin: 8px; padding: 6px; } .tag_main_pub_box .pub-footer-upper .claude_post_quick_action, .claude_post_tag_button, .claude_post_more_btn { flex-basis: 27px; width: 27px; min-width: 27px; } .tag_main_pub_box .pub-footer-upper .claude_post_quick_action svg { width: 24px; height: 24px; } }
.chat_main { border-radius: 13px 13px 0 0; background: #afe8fb; box-shadow: 0 9px 32px rgba(0,0,0,.22); }
.chat_main .online-toggle-hdr { min-height: 54px; background: #81d3f9; }
.chat_main .online-toggle-hdr .wow_chat_hdr_usr h3 a { color: #172733; font-size: 15px; font-weight: 700; }
.chat_main .chat-tab-container, .chat_main .chat-messages-wrapper { background: linear-gradient(180deg,#8edafb,#b7ecfa 72%,#d2f5ff); }
.chat_main .chat-messages-wrapper .incoming .message-text { background: #e7faff; color: #26323a; }
.chat_main .chat-messages-wrapper .outgoing .message-text { background: #f4feff; color: #26323a; }
.chat_main .chat-textarea { background: #c7f2fc; }
.chat_main .chat-textarea .chat-btns-w .chat_optns { color: #9d24fc; }
.chat_main .chat-textarea textarea { background: rgba(255,255,255,.5); }

/* A centered post viewer with a clear comments column. */
@media (min-width: 993px) {
  .lightbox-backgrond { background: rgba(245,247,250,.78); }
  .lightbox-content.wo_imagecombo_lbox:not(.story_lightbox) { top: 5vh; right: auto; bottom: auto; left: 50%; width: min(1060px, 92vw); height: 90vh; transform: translateX(-50%); border-radius: 16px; background: #fff; box-shadow: 0 18px 55px rgba(0,0,0,.22); }
  .lightbox-content.wo_imagecombo_lbox:not(.story_lightbox) .story-img { width: calc(100% - 360px); margin-right: 360px; }
  .lightbox-content.wo_imagecombo_lbox:not(.story_lightbox) .comment-section { width: 360px; border-left: 1px solid #e4e6eb; }
  .lightbox-content.wo_imagecombo_lbox:not(.story_lightbox) .lightbox-post-footer { background: #fff; }
  .lightbox-content.wo_imagecombo_lbox:not(.story_lightbox) .tag_lbox_comcombo textarea { border: 0; border-radius: 24px; background: #f0f2f5; }
}
@media (min-width: 993px) {
  .tag_navbar_top_right .requests-container.claude_has_requests { display: block; }
  .tag_navbar_top_right .requests-container.claude_has_requests .dropdown-menu { width: min(440px, calc(100vw - 22px)) !important; min-width: 0; max-height: calc(100vh - 88px); top: 60px; right: 0; left: auto; padding: 18px; border-radius: 16px; }
}

.claude_search_empty { padding: 28px 16px; color: var(--claude-muted); font-size: 15px; text-align: center; }

/* Phone navigation and panels share the same viewport grid. */
@media (max-width: 768px) {
  body.tag_header_top_p { padding-top: 56px !important; padding-bottom: calc(60px + env(safe-area-inset-bottom, 0px)) !important; }
  .tag_navbar_top { height: 56px; }
  .tag_navbar_top .tag_header { display: flex; align-items: center; width: 100%; min-height: 56px; padding: 0 12px !important; box-sizing: border-box; }
  .tag_navbar_top .tag_toggle_sidebar { display: inline-flex; align-items: center; justify-content: center; flex: 0 0 42px; width: 42px; height: 42px; margin: 0 8px 0 0; padding: 0; border-radius: 50%; }
  .tag_navbar_top .tag_toggle_sidebar:hover { background: var(--claude-input); }
  .tag_navbar_top .header-brand { display: inline-flex; align-items: center; flex: 0 0 42px; width: 42px; height: 42px; margin: 0; }
  .tag_navbar_top .header-brand .tag_logo_pc { display: none; }
  .tag_navbar_top .header-brand .tag_logo_mobi { display: block; width: 42px; height: 42px; max-width: 42px; max-height: 42px; object-fit: contain; }
  .tag_navbar_top .tag_header > .search-container { display: flex; justify-content: flex-end; flex: 1 1 auto; min-width: 0; width: auto; margin: 0; }
  .tag_navbar_top .tag_header > .search-container > form { flex: 0 0 44px; width: 44px; min-width: 44px; height: 44px; margin: 0 !important; overflow: hidden; border-radius: 50%; }
  .tag_navbar_top .tag_header > .search-container > form svg { left: 11px; width: 23px; height: 23px; opacity: 1; color: #1c1e21; }
  .tag_navbar_top .tag_header .search-input { width: 44px; height: 44px; padding: 0; border-radius: 50%; color: transparent; font-size: 0; caret-color: transparent; cursor: pointer; }
  .tag_navbar_top .tag_header .search-input::placeholder { color: transparent; opacity: 0; }
  .tag_navbar_top .tag_header > .search-container.show,
  .tag_navbar_top .tag_header > .search-container.open,
  .tag_navbar_top .tag_header > .search-container:has(.search-input:focus) { position: fixed; top: 0; right: 0; left: 0; z-index: 1050; justify-content: flex-start; width: 100%; height: 56px; padding: 7px 12px; box-sizing: border-box; background: #fff; }
  .tag_navbar_top .tag_header > .search-container.show > form,
  .tag_navbar_top .tag_header > .search-container.open > form,
  .tag_navbar_top .tag_header > .search-container:has(.search-input:focus) > form { flex: 1 1 auto; width: auto; min-width: 0; height: 42px; overflow: visible; border-radius: 24px; }
  .tag_navbar_top .tag_header > .search-container.show .search-input,
  .tag_navbar_top .tag_header > .search-container.open .search-input,
  .tag_navbar_top .tag_header > .search-container:has(.search-input:focus) .search-input { width: 100%; height: 42px; padding: 0 14px 0 40px; border-radius: 24px; color: var(--claude-text); font-size: 16px; caret-color: var(--claude-text); cursor: text; }
  .tag_navbar_top .tag_header > .search-container.show .search-input::placeholder,
  .tag_navbar_top .tag_header > .search-container.open .search-input::placeholder,
  .tag_navbar_top .tag_header > .search-container:has(.search-input:focus) .search-input::placeholder { color: var(--claude-muted); opacity: 1; }
  .tag_navbar_top .tag_header > .search-container.show > form svg,
  .tag_navbar_top .tag_header > .search-container.open > form svg,
  .tag_navbar_top .tag_header > .search-container:has(.search-input:focus) > form svg { left: 12px; transform: translateY(-50%); opacity: .65; }
  .tag_navbar_top .tag_header > .search-container.show .tag_toggle_search,
  .tag_navbar_top .tag_header > .search-container.open .tag_toggle_search,
  .tag_navbar_top .tag_header > .search-container:has(.search-input:focus) .tag_toggle_search { display: inline-flex; align-items: center; justify-content: center; position: static; flex: 0 0 40px; order: -1; width: 40px; height: 42px; margin: 0 4px 0 0; padding: 0; }
  .tag_navbar_top .tag_header > .search-container .dropdown-menu { top: 56px; right: 0; bottom: calc(60px + env(safe-area-inset-bottom, 0px)); left: 0; width: 100vw; min-width: 0; max-width: none; height: auto; max-height: none; box-sizing: border-box; overflow-x: hidden; overflow-y: auto; border: 0; border-radius: 0; box-shadow: none; }

  .tag_sec_toolbar { z-index: 1045; width: calc(100% / 6); height: calc(60px + env(safe-area-inset-bottom, 0px)); padding-bottom: env(safe-area-inset-bottom, 0px); box-sizing: border-box; }
  .tag_sec_toolbar > div, .tag_sec_toolbar > div > div { width: 100%; height: 60px; }
  .tag_sec_toolbar a { display: flex; align-items: center; justify-content: center; height: 60px; padding: 0; color: #65676b; }
  .tag_sec_toolbar .active a { color: var(--claude-blue); }
  .tag_sec_toolbar a svg { width: 27px; height: 27px; }
  .tag_navbar_top_right .tag_hdr_right { position: fixed; top: auto; right: 0; bottom: 0; left: 0; z-index: 1045; display: flex; justify-content: space-around; width: 100%; height: calc(60px + env(safe-area-inset-bottom, 0px)); padding: 0 0 env(safe-area-inset-bottom, 0px); box-sizing: border-box; border-top: 1px solid var(--claude-line); background: #fff; }
  .tag_navbar_top_right .tag_hdr_right.low { z-index: 1045; }
  body:has(.tag_sec_toolbar) .tag_navbar_top_right .tag_hdr_right { left: calc(100% / 6); width: calc(100% * 5 / 6); border-top: 0; }
  .tag_navbar_top_right .tag_hdr_right > .dropdown, .tag_navbar_top_right .tag_hdr_right > .claude_menu_trigger { display: flex; align-items: center; justify-content: center; flex: 1 1 0; min-width: 0; height: 60px; margin: 0; }
  .tag_navbar_top_right .tag_hdr_right > .dropdown > .tag_hdr_droptoggle, .tag_navbar_top_right .tag_hdr_right > .claude_menu_trigger { width: 44px; height: 44px; padding: 0; margin: 0 auto; color: #606770 !important; }
  .tag_navbar_top_right .tag_hdr_right > .dropdown > .tag_hdr_droptoggle svg, .tag_navbar_top_right .claude_menu_trigger svg { width: 25px; height: 25px; }
  .tag_navbar_top_right .tag_hdr_right > .dropdown > .tag_hdr_user_droptoggle img { width: 40px; height: 40px; }
  .tag_navbar_top_right .tag_hdr_right .new-update-alert { top: 2px; right: calc(50% - 26px); z-index: 1; }
  .tag_navbar_top_right .tag_hdr_right > .dropdown.open > .tag_hdr_droptoggle, .tag_navbar_top_right .tag_hdr_right > .dropdown.show > .tag_hdr_droptoggle { background: var(--claude-blue-soft); color: var(--claude-blue) !important; }
  .tag_navbar_top_right .tag_hdr_right > .dropdown .dropdown-menu { position: fixed; top: 0; right: 0; bottom: calc(60px + env(safe-area-inset-bottom, 0px)); left: 0; width: 100vw !important; min-width: 0; max-width: none; height: auto; max-height: none; margin: 0; padding: 18px 16px 20px; box-sizing: border-box; overflow-x: hidden; overflow-y: auto; overscroll-behavior: contain; border: 0; border-radius: 0; box-shadow: none; background: #fff; }
  .tag_navbar_top_right .tag_hdr_right > .dropdown .dropdown-menu .tag_page_title { margin: 0 0 14px; font-size: 25px; line-height: 1.25; }
  .tag_navbar_top_right .tag_hdr_right > .dropdown .dropdown-menu .claude_panel_chips { margin-bottom: 15px; }
  .tag_navbar_top_right .tag_hdr_right > .dropdown .dropdown-menu .notification-list, .tag_navbar_top_right .tag_hdr_right > .dropdown .dropdown-menu .messages-list, .tag_navbar_top_right .tag_hdr_right > .dropdown .dropdown-menu .user-request-list { width: 100%; min-width: 0; box-sizing: border-box; padding: 10px 4px; }
  .tag_navbar_top_right .tag_hdr_right > .dropdown .dropdown-menu .notification-text, .tag_navbar_top_right .tag_hdr_right > .dropdown .dropdown-menu .user-info { min-width: 0; overflow-wrap: anywhere; }
  .tag_navbar_top_right .tag_hdr_right > .dropdown .dropdown-menu .show-message-link { display: block; width: 100%; box-sizing: border-box; margin: 12px 0 0; padding: 12px; border-radius: 10px; background: var(--claude-input); color: var(--claude-blue); text-align: center; }
  .claude_chat_tools label { margin: 0 0 12px; }
  .claude_chat_tools label input { min-width: 0; font-size: 16px; }

  .tag_navbar_top_side_all { position: fixed; inset: 0 0 calc(60px + env(safe-area-inset-bottom, 0px)); width: 100vw; height: auto; max-height: none; box-sizing: border-box; overflow-y: auto; border: 0; border-radius: 0; background: var(--claude-canvas); }
  body.side_open .tag_navbar_top_side_all { padding: 58px 12px 16px; }
  .tag_navbar_top_side_all::before { content: 'Menu'; display: block; position: absolute; top: 14px; left: 66px; color: var(--claude-text); font-size: 25px; font-weight: 700; }
  body.side_open .tag_toggle_sidebar_top { top: 10px; left: 12px; width: 38px; height: 38px; border-radius: 50%; box-shadow: none; background: #e4e6eb; }
  .tag_navbar_top_side_all .claude_menu_layout { display: block; }
  .tag_navbar_top_side_all .claude_menu_catalog, .tag_navbar_top_side_all .claude_menu_create { overflow: visible; margin-bottom: 12px; padding: 12px; border-radius: 13px; background: #fff; }
  .tag_navbar_top_side_all .claude_menu_search { display: flex; align-items: center; gap: 8px; margin: 0 0 10px; padding: 10px 12px; border-radius: 22px; background: var(--claude-input); }
  .tag_navbar_top_side_all .claude_menu_search input { flex: 1; min-width: 0; border: 0; outline: 0; background: transparent; font-size: 16px; }
  .tag_navbar_top_side_all .sidebar_innr { display: block; height: auto; max-height: none; padding: 0; overflow: visible; }
  .tag_navbar_top_side_all_heading { margin: 15px 4px 8px; font-size: 17px; font-weight: 700; text-transform: none; letter-spacing: 0; }
  .tag_navbar_top_side_all_sec { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }
  .tag_navbar_top_side_all_sec a { display: flex; align-items: center; min-width: 0; height: 56px; min-height: 0; padding: 8px; box-sizing: border-box; border: 0; border-radius: 9px; box-shadow: none; line-height: 1.2; }
  .tag_navbar_top_side_all_sec a svg, .tag_navbar_top_side_all_sec a img { flex: 0 0 30px; width: 30px; height: 30px; margin: 0 8px 0 0; }
  .tag_navbar_top_side_all .claude_menu_create { display: block; }
  .tag_navbar_top_side_all .claude_menu_create h2 { margin: 3px 4px 10px; font-size: 19px; }
  .tag_navbar_top_side_all .claude_menu_create a, .tag_navbar_top_side_all .claude_menu_create button { display: flex; align-items: center; width: 100%; min-height: 44px; padding: 6px 8px; border: 0; border-radius: 8px; background: #fff; color: var(--claude-text); text-align: left; }
  .tag_navbar_top_side_all .claude_menu_create a:hover, .tag_navbar_top_side_all .claude_menu_create button:hover { background: var(--claude-input); }
  .tag_navbar_top_side_all .claude_menu_create .claude_menu_icon { flex: 0 0 30px; width: 30px; height: 30px; margin-right: 9px; }

  .chat_main .chat-textarea { padding: 8px 10px calc(9px + env(safe-area-inset-bottom, 0px)); box-sizing: border-box; }
  .chat_main .chat-textarea form { display: flex; align-items: center; flex-wrap: wrap; gap: 5px; min-width: 0; }
  .chat_main .chat-textarea .chat-btns-w { justify-content: flex-start; flex: 0 0 auto; gap: 2px; padding: 0; }
  .chat_main .chat-textarea .chat-btns-w > .chat_optns { flex: 0 0 34px; width: 34px; height: 38px; min-width: 34px; min-height: 38px; padding: 0; }
  .chat_main .chat-textarea .chat-btns-w > .chat_optns:nth-child(n+5) { display: none; }
  .chat_main .chat-textarea .chat-btns-w svg { width: 23px; height: 23px; }
  .chat_main .chat-textarea textarea { flex: 1 1 100px; width: auto; min-width: 82px; height: 38px; min-height: 38px; margin: 0; padding: 9px 12px; font-size: 16px; }
  .chat_main .chat-textarea .tag_chat_emoji { display: flex; align-items: center; justify-content: center; position: static; flex: 0 0 34px; width: 34px; height: 38px; }
  .chat_main .chat-textarea .chat_reply_text, .chat_main .chat-textarea .message_reply_story_text { flex: 0 0 100%; }
}

@media (max-width: 340px) {
  .tag_navbar_top_side_all_sec { grid-template-columns: 1fr; }
}

/* Changout 1.0: consistent navigation and a bounded mobile search surface. */
.tag_navbar_top_side .claude_primary_nav > .btn .claude_menu_icon{background:transparent!important;border:0!important;border-radius:0!important;padding:0!important;box-shadow:none!important;color:#65676b;flex:0 0 30px;width:30px;height:30px;margin-right:12px}
.tag_navbar_top_side .claude_primary_nav > .btn{font-weight:500;min-height:52px;line-height:1.3}
.tag_navbar_top_side .claude_primary_nav > .btn:hover .claude_menu_icon{color:#0866ff}
.tag_navbar_top .tag_header{max-width:100%;box-sizing:border-box}
.tag_navbar_top .search-container form{position:relative}
.tag_navbar_top .search-container form > svg{pointer-events:none}
@media(max-width:768px){
 .tag_navbar_top .container-fluid{padding:0!important;width:100%;margin:0!important}
 .tag_navbar_top .tag_header.full_width{margin:0!important;padding:0 12px!important;height:56px!important;min-height:56px!important;background:#fff}
 .tag_navbar_top .tag_header > .search-container:not(.open):not(.show):not(:focus-within){position:static!important;inset:auto!important;height:44px;padding:0;background:transparent}
 .tag_navbar_top .tag_header > .search-container > form{position:relative!important;flex:0 0 42px;width:42px!important;min-width:42px;height:42px;box-shadow:none}
 .tag_navbar_top .tag_header > .search-container > form > svg{position:absolute!important;top:50%!important;left:10px!important;transform:translateY(-50%)!important;width:22px;height:22px;color:#1c1e21;z-index:1}
 .tag_navbar_top .tag_header .search-input{box-sizing:border-box;width:42px!important;height:42px!important;min-width:0;margin:0!important;border:0;box-shadow:none;outline:0;background:#f0f2f5}
 .tag_navbar_top .tag_header > .search-container:is(.open,.show,:focus-within){position:fixed!important;inset:0 0 auto!important;height:56px!important;width:100%!important;padding:7px 12px!important;display:flex!important;gap:4px;background:#fff;z-index:1060}
 .tag_navbar_top .tag_header > .search-container:is(.open,.show,:focus-within) > form{flex:1 1 0;min-width:0;width:auto!important;border-radius:22px}
 .tag_navbar_top .tag_header > .search-container:is(.open,.show,:focus-within) .search-input{width:100%!important;padding:0 14px 0 40px!important;font-size:16px!important;color:#1c1e21;caret-color:#1c1e21;cursor:text}
 .tag_navbar_top .tag_header > .search-container:is(.open,.show,:focus-within) .search-input::placeholder{font-size:16px;opacity:1;color:#65676b}
 .tag_navbar_top .tag_header > .search-container:is(.open,.show,:focus-within) .tag_toggle_search{display:flex!important;position:static!important;order:-1;flex:0 0 36px;width:36px;height:42px;margin:0;padding:0;border:0;align-items:center;justify-content:center;background:transparent;box-shadow:none;color:#1c1e21}
 .tag_navbar_top .tag_header .search-container > .dropdown-menu{position:fixed!important;top:56px!important;left:0!important;right:0!important;width:100%!important;margin:0!important;padding-top:8px;max-height:calc(100dvh - 116px - env(safe-area-inset-bottom,0px));overflow:auto;overscroll-behavior:contain}
 .tag_navbar_top .tag_header .search-container:not(.open):not(.show):not(:focus-within) .tag_toggle_search{display:none!important}
 .tag_navbar_top .tag_header .header-brand,.tag_navbar_top .tag_header .tag_toggle_sidebar{flex-shrink:0}
 .tag_navbar_top .tag_header .tag_toggle_sidebar{color:#1c1e21}
}
@media(prefers-reduced-motion:reduce){.skel,.skel::before,.skel::after{animation:none!important}.tag_navbar_top_side a,.post{transition:none!important}}
@supports(content-visibility:auto){#posts > .post-container:not(:first-child){content-visibility:auto;contain-intrinsic-size:auto 650px}}

/* Facebook reference: light surfaces, native-sized controls, colored navigation. */
:root{--claude-blue:#0866ff;--claude-blue-soft:#e7f3ff;--claude-canvas:#f0f2f5;--claude-surface:#fff;--claude-input:#f0f2f5;--claude-text:#050505;--claude-muted:#65676b;--claude-line:#ced0d4;--claude-shadow:0 1px 2px rgba(0,0,0,.2)}
body,.page-margin{background:#f0f2f5;color:#050505;font-family:Helvetica,Arial,sans-serif}
.greetalert{display:none!important}
.btn,.btn-mat{border-radius:6px;font-weight:600;box-shadow:none;letter-spacing:normal;text-transform:none;transition:background-color .15s}
.btn-main,.btn-primary{background:#0866ff!important;border-color:#0866ff!important;color:#fff!important}
.btn-main:hover,.btn-primary:hover{background:#075ce5!important;border-color:#075ce5!important}
.btn-default,.btn-secondary{background:#e4e6eb;border-color:transparent;color:#050505}
.btn-default:hover,.btn-secondary:hover{background:#d8dadf;color:#050505}
.btn:disabled,.btn.disabled{background:#e4e6eb!important;border-color:#e4e6eb!important;color:#bcc0c4!important;opacity:1}
.form-control,input[type=text],input[type=email],input[type=password],select,textarea{font-family:inherit;border-color:#ced0d4;color:#050505;box-shadow:none}
.form-control:focus{border-color:#0866ff;box-shadow:0 0 0 2px #e7f3ff}
.page-margin .wow_content,.page-margin .post,.tag_pub_box_bg,.tag_sidebar_widget{background:#fff;border:0;border-radius:8px;box-shadow:0 1px 2px rgba(0,0,0,.2)}
.tag_navbar_top{box-shadow:0 1px 3px rgba(0,0,0,.15)}
.tag_hdr_droptoggle{background:#e4e6eb;color:#050505;width:40px;height:40px}
.tag_hdr_droptoggle:hover{background:#d8dadf;color:#050505}
.tag_hdr_right > .dropdown.open > .tag_hdr_droptoggle{background:#e7f3ff;color:#0866ff}
.tag_header .search-container #navbar-searchbox{height:40px;box-shadow:none}
.tag_header .search-container .search-input{font-size:15px;color:#050505}
.tag_header .search-container .search-input::placeholder{color:#65676b;opacity:1}
.tag_navbar_top_side .claude_primary_nav > .btn .claude_menu_icon{width:36px;height:36px;flex-basis:36px;filter:drop-shadow(0 1px 1px rgba(0,0,0,.12))}
body.tag_header_top_p .tag_navbar_top_side .sidebar_innr > .btn span{font-weight:500;font-size:15px}
.tag_navbar_top_side .claude_primary_nav > .btn{min-height:52px;border-radius:8px}
.claude_social_tabs svg{width:28px;height:28px}
.claude_social_tabs > a:hover{color:#65676b;background:#e4e6eb;border-radius:8px}
.claude_social_tabs > a.active{color:#0866ff;background:transparent;border-radius:0}
.tag_pub_box_bg .tag_pub_box_bg_text{font-size:17px;min-height:40px;font-weight:400}
.tag_pub_box_bg .tag_pub_box_bg_camlve{background:transparent;box-shadow:none;border:0;border-radius:0;color:#45bd62}
.tag_pub_box_bg .tag_pub_box_bg_camlve svg{width:28px;height:28px}
.tag_stories_on_home .status-list > li{border-radius:8px}
.tag_stories_on_home .status-list > li p{font-size:13px;line-height:1.3}
.post .post-heading .post-user-name{font-weight:600}
.tag_main_pub_box .modal-header .btn-main{border-radius:6px}
.tag_main_pub_box .tag_pub_box{border-radius:8px;background:#fff}
.tag_main_pub_box .modal-header{background:#fff}
.chat-tab .online-toggle-hdr,.chat-tab .chat_main,.chat-tab .chat-main,.chat-tab .chat-tab-container,.chat-tab .chat-messages-wrapper,.chat-tab .chat-textarea{background:#fff}
.chat-tab .chat-textarea .chat-btns-w .chat_optns{color:#0866ff}
.chat-tab .chat-textarea textarea{background:#f0f2f5}
@media(max-width:768px){
 .tag_home_filters.home .tag_page_nav{box-shadow:none;border-bottom:1px solid #e4e6eb;padding:8px 0;margin:0}
 .tag_home_filters.home .tag_page_nav a{box-shadow:none;background:transparent;border-radius:6px;font-size:14px}
 .tag_home_filters.home .tag_page_nav .active a{background:#e7f3ff;color:#0866ff}
 .tag_navbar_top .tag_header.full_width{padding:0 12px!important}
 .tag_pub_box_bg{border-radius:8px;padding:12px;gap:8px}
 .tag_pub_box_bg .tag_pub_box_bg_text{font-size:15px}
 .tag_navbar_top_right .tag_hdr_right > .dropdown > .tag_hdr_droptoggle,.tag_navbar_top_right .tag_hdr_right > .claude_menu_trigger{background:transparent}
 .tag_navbar_top_side_all{background:#f0f2f5}
}

.tag_pub_box_bg .tag_pub_box_bg_camlve{width:32px;height:40px;min-width:32px;padding:2px!important;background:transparent!important;border-radius:6px!important}
.tag_pub_box_bg .tag_pub_box_bg_camlve.live{color:#f02849}
.tag_pub_box_bg .tag_pub_box_bg_camlve.feeling{color:#f7b928}
.tag_pub_box_bg .tag_pub_box_bg_camlve:hover{background:#f0f2f5!important}
.tag_pub_box_bg .tag_pub_box_bg_text{border-radius:24px!important;background:#f0f2f5!important;color:#65676b!important;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.tag_hdr_droptoggle,.tag_toggle_sidebar_top,.tag_hdr_user_droptoggle,.tag_navbar_top_side .claude_see_more .claude_menu_icon{border-radius:50%!important}
.tag_navbar_top .search-container #navbar-searchbox{background:#f0f2f5!important}
.tag_create_dropup > .btn,.chat_main .chat-btns-w .btn{border-radius:50%}
@media(min-width:993px){
 body.tag_header_top_p{padding-top:56px!important}
 .tag_navbar_top,.tag_navbar_top .tag_header{height:56px;min-height:56px}
 body.tag_header_top_p .tag_navbar_top_side{top:56px;height:calc(100vh - 56px);width:clamp(250px,24vw,360px)}
 body.tag_header_top_p .tag_header_top_m{margin-left:clamp(250px,24vw,360px)}
 body.tag_header_top_p .tag_header_top_m .page-margin > .container > .row > .middlecol{max-width:680px}
 body.tag_header_top_p .tag_home_filters.home{margin:0}
 body.tag_header_top_p .tag_stories_on_home .status-list > li{width:110px;flex-basis:110px;min-width:110px;background:#fff}
 .tag_stories_on_home .status-list .create_new span{background:#0866ff!important;color:#fff!important;border:3px solid #fff}
}

.tag_pub_box_bg_camlve::before{display:none!important}
.tag_pub_box_bg .tag_pub_box_bg_camlve.feeling{color:#f56800}
.tag_stories_on_home .status-list .create_new span svg{background:#0866ff!important;color:#fff!important;border-radius:50%;border:3px solid #fff}
@media(min-width:993px){body.tag_header_top_p .tag_header_top_m .page-margin > .container{padding-top:16px}}

/* Keep account controls inside the same 56px header as main navigation. */
@media(min-width:769px){
 .tag_navbar_top_right .tag_hdr_right{position:fixed;top:0;right:0;left:auto;bottom:auto;display:flex;align-items:center;justify-content:flex-end;gap:8px;width:auto;height:56px;min-height:56px;max-height:56px;padding:8px 16px;box-sizing:border-box;background:transparent;border:0;box-shadow:none;overflow:visible}
 .tag_navbar_top_right .tag_hdr_right > .dropdown{position:relative;flex:0 0 40px;height:40px;margin:0;padding:0}
 .tag_navbar_top_right .tag_hdr_right > .dropdown > .tag_hdr_droptoggle,.tag_navbar_top_right .claude_menu_trigger{display:inline-flex;align-items:center;justify-content:center;flex:0 0 40px;width:40px;height:40px;min-width:40px;margin:0;padding:0;box-sizing:border-box;border:0;border-radius:50%;vertical-align:middle}
 .tag_navbar_top_right .tag_hdr_right > .dropdown > .tag_hdr_droptoggle svg,.tag_navbar_top_right .claude_menu_trigger svg{display:block;width:22px;height:22px;margin:0}
 .tag_navbar_top_right .tag_hdr_user_droptoggle img{display:block;width:40px;height:40px;margin:0;border-radius:50%;object-fit:cover}
 .tag_navbar_top_right .tag_hdr_right > .dropdown .dropdown-menu{position:fixed;top:64px;right:16px;left:auto;bottom:auto;width:360px!important;min-width:0;max-width:calc(100vw - 32px);max-height:calc(100dvh - 80px);margin:0;padding:12px;border-radius:8px;box-sizing:border-box;overflow-y:auto;box-shadow:0 2px 12px rgba(0,0,0,.2);background:#fff}
 .tag_navbar_top_right .tag_hdr_right .new-update-alert{top:-4px;right:-4px;min-width:18px;height:18px;line-height:14px;padding:0 3px;font-size:11px;border:2px solid #fff;border-radius:12px}
 .tag_navbar_top_right .tag_hdr_right.low{z-index:1045}
}

/* Balanced feed columns and chat controls without an empty placeholder rail. */
.tag_chat_side_btn{border-radius:50%!important;box-shadow:0 1px 4px rgba(0,0,0,.15)}
.chat-container:not(:has(.online-users > *,.offline-users > *)){background:transparent;border-left:0}
@media(min-width:993px){
 body.tag_header_top_p .tag_navbar_top_side{width:clamp(235px,19vw,290px)}
 body.tag_header_top_p .tag_header_top_m{margin-left:clamp(235px,19vw,290px)}
 body.tag_header_top_p .tag_header_top_m .page-margin > .container > .row{gap:32px}
}

.tag_navbar_top_right .tag_hdr_right .tag_page_title.tag_mobi_hdr_not_title{display:block!important;font-size:24px;font-weight:700;line-height:1.3;margin:0 0 14px;color:#050505}
.tag_navbar_top_right .show-message-link{display:block;background:transparent!important;color:#0866ff!important;text-align:center;border-top:1px solid #e4e6eb;border-radius:0;padding:12px 0;font-weight:600}
.tag_navbar_top_right .tag_hdr_droptoggle{box-shadow:none!important}

/* Post identity follows the reference: compact avatar, bold name, blue rosette. */
.post .post-heading{padding:14px 16px;align-items:flex-start;gap:0}
.post .post-heading > .valign{min-width:0;align-items:center;flex:1}
.post .post-heading .image{margin-right:10px;flex:0 0 40px}
.post .post-heading .image img.avatar{width:40px;height:40px;border-radius:50%;object-fit:cover}
.post .post-heading .meta{min-width:0;line-height:1.3}
.post .post-heading .meta .title{padding:0;line-height:1.4}
.post .post-heading .meta .title .name{font-size:15px;font-weight:700;letter-spacing:0;color:#050505;max-width:100%;overflow-wrap:anywhere}
.post .post-heading .meta .time,.post .post-heading .meta .time a{font-size:13px;color:#65676b;line-height:1.4;font-weight:500}
.post .post-heading .meta .time{margin-top:2px}
.post .post-heading .verified-color{color:#0866ff;white-space:nowrap;line-height:1}
.post .post-heading .changout-verified-badge{display:inline-block;width:16px;height:16px;vertical-align:-2px;margin-left:2px}
.post .post-heading .meta .time svg{width:12px;height:12px;vertical-align:-1px;color:#65676b}
@media(max-width:768px){.post .post-heading{padding:12px}.post .post-heading .meta .title .name{font-size:15px}}

/* Isolate the badge colors from theme path:first/last-child overrides. */
.post .post-heading .changout-verified-badge .badge-shape{fill:#0866ff!important}
.post .post-heading .changout-verified-badge .badge-check{fill:none!important;stroke:#fff!important}
.post .post-heading .image,.post .post-heading .image > a,.post .post-heading .image img.avatar{width:40px!important;min-width:40px!important;max-width:40px!important;height:40px!important;min-height:40px!important;max-height:40px!important;aspect-ratio:1;box-sizing:border-box;flex-shrink:0}
.post .post-heading .image > a{display:block;position:relative;padding:0!important}
.post .post-heading .image img.avatar{display:block;border-radius:50%!important;object-fit:cover;padding:0!important}
/* Settings: white navigation, searchable overview, and clear bordered controls. */
body:has(.changout-settings) .tag_navbar_top_side,body:has(.wo_user_profile) .tag_navbar_top_side{display:none!important}
body.tag_header_top_p:has(.changout-settings) .tag_header_top_m,body.tag_header_top_p:has(.wo_user_profile) .tag_header_top_m{margin-left:0!important}
.changout-settings{margin:0!important;min-height:calc(100dvh - 56px);color:#050505}
body.tag_header_top_p .changout-settings > .container{width:auto;max-width:1150px;margin:0 90px 0 320px;padding:28px 32px 64px!important}
body.tag_header_top_p .changout-settings > .container > .row{display:block;margin:0}
.changout-settings .col-lg-1{display:none}
.changout-settings #tag_sett_right_prt{float:none;width:100%;padding:0;max-width:100%;opacity:1;pointer-events:auto}
.changout-settings .tag_sett_sidebar{top:56px;bottom:0;left:0;width:320px;padding:20px 12px;background:#fff!important;box-shadow:1px 0 3px rgba(0,0,0,.08);border-radius:0;color:#050505}
.changout-settings .tag_sett_sidebar > .changout-settings-sidebar-head{margin-bottom:24px}
.changout-settings .tag_sett_sidebar > .changout-settings-sidebar-head > a{padding:0 8px;line-height:1.2}
.changout-settings-sidebar-head h1{font-family:inherit;font-size:24px;font-weight:700;margin:0 0 20px;letter-spacing:-.5px}
.changout-settings .tag_sett_sidebar > p.bold{font-size:16px;opacity:1;color:#050505;text-transform:none;letter-spacing:0;font-weight:700;padding:10px 12px 6px}
.changout-settings .tag_sett_sidebar > li:not(.changout-settings-sidebar-head) > a{display:flex;align-items:center;gap:12px;min-height:48px;border-radius:8px;padding:10px 12px;font-size:15px;font-weight:500;line-height:1.3;color:#050505;box-shadow:none}
.changout-settings .tag_sett_sidebar > li > a:hover{background:#f0f2f5}
.changout-settings .tag_sett_sidebar > li.active > a{background:#e7f3ff;color:#0866ff;box-shadow:none;font-weight:600}
.changout-settings .tag_sett_sidebar > li > a::before,.changout-settings .tag_sett_sidebar > li > a span::before{display:none}
.changout-settings .tag_sett_sidebar > li > a span{display:flex;align-items:center;justify-content:center;flex:0 0 28px;width:28px;height:28px;margin:0;color:inherit!important;background:none}
.changout-settings .tag_sett_sidebar > li > a span svg{width:24px;height:24px}
.changout-settings .tag_sett_sidebar > hr{margin:16px 8px;border-color:#e4e6eb}
.changout-settings .tag_page_title{font-family:inherit;font-size:28px;font-weight:700;line-height:1.2;margin:4px 0 24px}
.changout-settings .wow_content{background:#fff!important;border-radius:12px;border:1px solid #e4e6eb;box-shadow:0 1px 2px rgba(0,0,0,.1)}
.changout-settings .wow_sett_content{padding:28px!important}
.changout-settings .tag_field{display:flex;flex-direction:column-reverse;gap:8px;margin:0 0 22px}
.changout-settings .tag_field > input,.changout-settings .tag_field > select,.changout-settings .tag_field > textarea,.changout-settings .form-control{width:100%;border:1px solid #ccd0d5!important;border-radius:8px!important;background:#fff!important;color:#050505;min-height:48px;height:48px;padding:12px 14px!important;font-size:16px;line-height:1.4;box-shadow:none;letter-spacing:0;appearance:auto}
.changout-settings .tag_field > textarea{height:auto;min-height:110px;resize:vertical}
.changout-settings .tag_field > input + span,.changout-settings .tag_field > select + span,.changout-settings .tag_field > textarea + span,.changout-settings .tag_field > .dropdown.bootstrap-select + span{position:static!important;display:block;padding:0!important;font-size:14px!important;line-height:1.4;font-weight:600;color:#65676b;white-space:normal;overflow:visible;transition:none;background:none!important}
.changout-settings .tag_field > span::before,.changout-settings .tag_field > span::after{display:none!important}
.changout-settings .tag_field > input:focus,.changout-settings .tag_field > select:focus,.changout-settings .tag_field > textarea:focus,.changout-settings .form-control:focus{border-color:#0866ff!important;outline:0;box-shadow:0 0 0 2px #e7f3ff}
.changout-settings .tag_field > input:disabled,.changout-settings .tag_field > textarea:disabled,.changout-settings .tag_field > select:disabled{background:#f0f2f5!important;color:#65676b}
.changout-settings .tag_field > .dropdown.bootstrap-select{border:0;background:none;padding:0;min-height:48px}
.changout-settings .bootstrap-select > .dropdown-toggle{height:48px;border:1px solid #ccd0d5;border-radius:8px;background:#fff;padding:12px 14px}
.changout-settings .btn{font-family:inherit;border-radius:6px!important;min-height:36px;padding:8px 16px;font-size:15px;font-weight:600;line-height:1.3;box-shadow:none}
.changout-settings .btn-main{background:#0866ff!important;color:#fff!important;border:0}
.changout-settings .btn-main:hover{background:#0757df!important}
.changout-settings .btn-default{background:#e4e6eb!important;color:#050505!important;border:0}
.changout-settings input[type=checkbox],.changout-settings input[type=radio]{accent-color:#0866ff}
.changout-settings .setting-update-alert{border-radius:8px}
.changout-settings .help-block{font-size:13px;color:#65676b}
.changout-settings-find,.changout-settings-overview,.changout-settings-results{padding:28px 36px;margin-bottom:16px}
.changout-settings h2:not(.tag_page_title){font-family:inherit;font-size:21px;line-height:1.3;font-weight:700;margin:0 0 18px}
.changout-settings-search{display:flex;align-items:center;gap:8px;padding:0 12px;border-radius:24px;background:#f0f2f5;color:#65676b;font-weight:400;margin:0;min-height:40px}
.changout-settings-search svg{flex-shrink:0}
.changout-settings-search input{display:block;min-width:0;width:100%;height:40px;border:0;outline:0;background:transparent;color:#050505;font-size:15px;padding:0}
.changout-settings-search:focus-within{box-shadow:0 0 0 2px #0866ff}
.changout-settings-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-bottom:32px}
.changout-settings-card{display:block;background:#f0f2f5;color:#050505;border-radius:12px;padding:24px 20px;min-height:255px;text-decoration:none!important}
.changout-settings-card:hover{background:#e4e6eb;color:#050505}
.changout-setting-illustration{display:block;width:84px;height:84px;margin:8px auto 32px}
.changout-setting-illustration.block{color:#efa51a}.changout-setting-illustration.profile{color:#ee9750}.changout-setting-illustration.privacy{color:#0866ff}
.changout-settings-card h3{font-family:inherit;font-size:17px;font-weight:700;margin:0 0 5px}
.changout-settings-card p,.changout-settings-resource p{font-size:15px;line-height:1.4;color:#65676b;margin:0}
.changout-settings-resource{display:flex;align-items:center;justify-content:space-between;gap:16px;background:#f0f2f5;border-radius:12px;padding:24px;color:#050505;text-decoration:none!important}
.changout-settings-resource:hover{background:#e4e6eb;color:#050505}
.changout-settings-resource strong{display:block;font-size:17px;margin-bottom:4px}
.changout-settings-resource svg{flex-shrink:0}
.changout-settings-mobile-title{display:none}
.changout-setting-result{display:flex;align-items:center;gap:12px;padding:14px;border-radius:8px;color:#050505;font-size:16px}
.changout-setting-result:hover{background:#f0f2f5;color:#0866ff}
.changout-setting-result span{color:#65676b!important}
.changout-settings [hidden]{display:none!important}
/* Shared badge colors cannot be overridden by the theme's generic SVG rules. */
.verified-color{color:#0866ff}
.verified-color .changout-verified-badge{display:inline-block;width:16px;height:16px;vertical-align:-2px;margin:0 2px;flex-shrink:0;opacity:1;visibility:visible}
.verified-color .changout-verified-badge .badge-shape{fill:#0866ff!important}
.verified-color .changout-verified-badge .badge-check{fill:none!important;stroke:#fff!important}
/* Profile: full-width white identity strip and a balanced details/feed grid. */
.wo_user_profile{margin:0!important;color:#050505}
.wo_user_profile .tag_cont_fluid{padding:0!important}
.wo_user_profile .tag_cover_bg{margin:0;background:#fff;padding:0;box-shadow:0 1px 2px rgba(0,0,0,.1)}
.wo_user_profile .tag_cover_sec_bg{display:none}
.wo_user_profile .tag_cover_bg > .container,.wo_user_profile .tag_cont_fluid > .container{max-width:1120px;width:100%;padding:0 20px;margin:0 auto}
.wo_user_profile .card.hovercard{margin:0;border:0}
.wo_user_profile .cardheader{padding-bottom:36%;border-radius:0 0 8px 8px;overflow:hidden;box-shadow:none;border:0}
.wo_user_profile .tag_page_name_hdr{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:0 24px;padding:24px 32px 0;border-radius:0;box-shadow:none;border:0;min-height:180px}
.wo_user_profile .tag_page_name_hdr .event-info-cont-small{padding:12px 0 24px 190px!important;min-height:150px;position:relative;min-width:0}
.wo_user_profile .tag_page_name_hdr .user-avatar{position:absolute;left:0;top:-48px;bottom:auto;margin:0;width:168px;height:168px;min-width:168px;min-height:168px;border-radius:50%;background:#fff;padding:0}
.wo_user_profile .tag_page_name_hdr .user-avatar > img{display:block;width:168px;height:168px;max-width:168px;max-height:168px;aspect-ratio:1;object-fit:cover;border-radius:50%;border:4px solid #fff;padding:0;box-sizing:border-box}
.wo_user_profile .event-info-cont-small h3{font-family:inherit;font-size:30px;font-weight:700;letter-spacing:-.6px;line-height:1.2;margin:0 0 6px;padding:0;overflow-wrap:anywhere}
.wo_user_profile .event-info-cont-small h3 .changout-verified-badge{width:20px;height:20px;vertical-align:0}
.wo_user_profile .event_cdown{font-size:15px;color:#65676b;padding:0!important}
.changout-profile-stats{font-size:15px;font-weight:600;color:#65676b;margin-top:8px;line-height:1.4}
.wo_user_profile .wow_user_page_btns{position:static;align-self:start;justify-content:flex-end;gap:8px;flex-wrap:wrap;max-width:none;margin:12px 0 24px}
.wo_user_profile .wow_user_page_btns .btn{height:36px;min-height:36px;margin:0;border-radius:6px;padding:8px 12px;font-family:inherit;font-size:15px;font-weight:600;line-height:20px;box-shadow:none;background:#e4e6eb;color:#050505;border:0;white-space:nowrap}
.wo_user_profile .wow_user_page_btns .btn-main{background:#0866ff!important;color:#fff!important}
.wo_user_profile .wow_user_page_btns .btn:hover{filter:brightness(.97)}
.wo_user_profile .profile-avatar-changer .btn{background:#e4e6eb;color:#050505;border:2px solid #fff;min-width:36px;height:36px}
.wo_user_profile .user-bottom-nav{grid-column:1/-1;margin:0;border-top:1px solid #ccd0d5}
.wo_user_profile .user-bottom-nav ul{padding:0;gap:0}
.wo_user_profile .user-bottom-nav li a{color:#65676b;padding:18px 16px;font-size:15px;font-weight:600;border-radius:6px;line-height:20px}
.wo_user_profile .user-bottom-nav li a:hover{background:#f0f2f5}
.wo_user_profile .user-bottom-nav li .menuactive{color:#0866ff}
.wo_user_profile .user-bottom-nav li .menuactive::after{left:0;right:0;height:3px;background:#0866ff}
.wo_user_profile .tag_cont_fluid > .container > .row{display:flex;flex-wrap:wrap;gap:20px;margin:0;padding:20px 0 48px;align-items:flex-start}
.wo_user_profile .tag_cont_fluid > .container > .row > .rightcol{float:none;width:40%;flex:0 0 calc(40% - 10px);padding:0;position:static}
.wo_user_profile .tag_cont_fluid > .container > .row > .middlecol{float:none;width:60%;flex:1 1 calc(60% - 10px);max-width:none;min-width:0;padding:0}
.wo_user_profile .tag_cont_fluid > .container > .row > .col-md-12{flex:0 0 100%;width:100%;padding:0}
.wo_user_profile .tag_cont_fluid > .container > .row > .rightcol .wow_content,.wo_user_profile .tag_cont_fluid > .container > .row > .middlecol .wow_content{border-radius:8px;border:1px solid #e4e6eb;background:#fff;box-shadow:0 1px 2px rgba(0,0,0,.1);margin:0 0 16px}
.wo_user_profile .tag_page_side_no_m{padding:20px}
.changout-profile-intro-title{font-family:inherit;font-size:20px;font-weight:700;margin:0 0 16px}
.wo_user_profile .event_info_blocks div{font-size:15px;line-height:1.5;padding-top:8px;padding-bottom:8px}
.wo_user_profile .profile-completion-bar{padding:16px 20px;margin:0;border-radius:8px}
.wo_user_profile .profile-completion-bar .hdr{display:flex;align-items:center;gap:12px;min-height:40px}
.wo_user_profile .profile-completion-bar .hdr h3{font-family:inherit;font-size:18px;font-weight:700;margin:0}
.wo_user_profile .profile-completion-bar .body{display:flex;flex-wrap:wrap;gap:8px;padding-top:12px}
.wo_user_profile .profile-completion-bar .body .step{font-size:13px;padding:6px 10px;min-height:30px;margin:0;border-radius:20px}
@media(min-width:993px){.changout-settings .tag_sett_sidebar{display:block!important}.changout-settings .setting_navigation{display:none}}
@media(max-width:1200px) and (min-width:993px){body.tag_header_top_p .changout-settings > .container{margin-left:280px;margin-right:70px;padding:24px!important}.changout-settings .tag_sett_sidebar{width:280px}.wo_user_profile .wow_user_page_btns{max-width:none}.wo_user_profile .event-info-cont-small h3{font-size:28px}}
@media(max-width:992px){
 body.tag_header_top_p .changout-settings > .container{margin:0 auto;padding:20px 16px 90px!important;width:100%;max-width:760px}
 .changout-settings .tag_sett_sidebar{width:100%;top:56px;bottom:60px;z-index:1010}
 .changout-settings-mobile-title{display:block}
 .changout-settings .tag_page_title{font-size:24px;margin-bottom:20px}
 .changout-settings .wow_sett_content{padding:20px!important}
 .changout-settings-find,.changout-settings-overview,.changout-settings-results{padding:22px}
 .wo_user_profile .tag_page_name_hdr{grid-template-columns:1fr;padding:20px 16px 0}
 .wo_user_profile .wow_user_page_btns{max-width:none;justify-content:flex-start;margin:0 0 20px}
 .wo_user_profile .tag_cont_fluid > .container{padding:0 16px}
}
@media(max-width:600px){
 .changout-settings-cards{grid-template-columns:1fr;gap:12px}
 .changout-settings-card{position:relative;min-height:112px;padding:22px 16px 22px 106px}
 .changout-setting-illustration{position:absolute;left:14px;top:20px;width:70px;height:70px;margin:0}
 .changout-settings-find,.changout-settings-overview,.changout-settings-results{padding:20px 16px}
 .changout-settings-resource{padding:18px}
 .wo_user_profile .tag_cover_bg > .container{padding:0}
 .wo_user_profile .cardheader{padding-bottom:45%;border-radius:0}
 .wo_user_profile .tag_page_name_hdr{padding:16px 16px 0}
 .wo_user_profile .tag_page_name_hdr .event-info-cont-small{padding:88px 0 18px!important;min-height:160px}
 .wo_user_profile .tag_page_name_hdr .user-avatar{top:-54px;width:124px;height:124px;min-width:124px;min-height:124px}
 .wo_user_profile .tag_page_name_hdr .user-avatar > img{width:124px;height:124px;max-width:124px;max-height:124px}
 .wo_user_profile .event-info-cont-small h3{font-size:28px}
 .wo_user_profile .user-bottom-nav li a{padding:16px 12px}
 .wo_user_profile .tag_cont_fluid > .container{padding:0 10px}
 .wo_user_profile .tag_cont_fluid > .container > .row{display:block;padding-top:12px}
 .wo_user_profile .tag_cont_fluid > .container > .row > .rightcol,.wo_user_profile .tag_cont_fluid > .container > .row > .middlecol{width:100%;max-width:100%;padding:0}
 .wo_user_profile .profile-completion-bar{margin-bottom:12px}
}
/* Override the feed's generic container width on settings routes. */
body.tag_header_top_p .tag_header_top_m .changout-settings > .container{width:auto;max-width:1150px;margin-left:320px;margin-right:0;padding:28px 32px 64px!important}
body.tag_header_top_p .changout-settings .tag_sett_sidebar{padding:20px 12px;border-radius:0}
@media(max-width:1200px) and (min-width:993px){body.tag_header_top_p .tag_header_top_m .changout-settings > .container{margin-left:280px;padding:24px!important}}
@media(max-width:992px){body.tag_header_top_p .tag_header_top_m .changout-settings > .container{width:100%;margin:0 auto;max-width:760px;padding:20px 16px 90px!important}}
.wo_user_profile .changout-profile-identity{background:#fff;box-shadow:0 1px 2px rgba(0,0,0,.1)}
.wo_user_profile .changout-profile-identity > .container{width:100%;max-width:1120px;padding:0 20px;margin:0 auto}
.wo_user_profile .tag_cover_bg .cardheader{margin-bottom:0}
.wo_user_profile .tag_cover_bg .btn_goback{left:max(24px,calc(50% - 516px));top:20px}
.changout-settings #tag_sett_right_prt{margin-top:16px}
@media(max-width:600px){.wo_user_profile .changout-profile-identity > .container{padding:0}.changout-settings #tag_sett_right_prt{margin-top:0}}
.changout-settings .changout-settings-home-link{color:#050505!important}
.changout-settings-sidebar-close{display:none;border:0;background:#e4e6eb;color:#050505;border-radius:50%;width:36px;height:36px;margin:0 0 12px}
.changout-settings .tag_field > .bootstrap-tagsinput{border:1px solid #ccd0d5;border-radius:8px;padding:10px 14px;background:#fff;min-height:48px}
.changout-settings .bootstrap-tagsinput .tag{background:#e7f3ff;color:#0866ff;border-radius:4px}
@media(max-width:992px){.changout-settings-sidebar-close{display:inline-flex;align-items:center;justify-content:center}}

/* Profile header controls and settings navigation refinements. */
.wo_user_profile .tag_page_name_hdr{margin:0!important;align-items:start}
.wo_user_profile .changout-profile-handle{display:none}
.wo_user_profile .changout-profile-stats{margin-top:8px;color:#050505}
.wo_user_profile .changout-profile-public-details{display:flex;flex-wrap:wrap;gap:8px 12px;margin-top:16px;font-size:15px;line-height:1.4;color:#050505}
.wo_user_profile .changout-profile-public-details:empty{display:none}
.wo_user_profile .changout-profile-public-details span{display:inline-flex;align-items:center;gap:5px}
.wo_user_profile .changout-profile-public-details svg{flex-shrink:0}
.wo_user_profile .wow_user_page_btns{flex-wrap:nowrap}
.wo_user_profile .wow_user_page_btns > .user-follow-button:empty{display:none}
.wo_user_profile .changout-profile-more{flex-shrink:0}
.wo_user_profile .changout-profile-more > .btn{min-width:48px;padding:8px 14px}
.wo_user_profile .changout-profile-more .dropdown-menu{padding:8px;min-width:210px;border:0;border-radius:8px;box-shadow:0 4px 18px rgba(0,0,0,.18)}
.wo_user_profile .changout-profile-more .dropdown-menu li:empty{display:none}
.wo_user_profile .changout-profile-more .dropdown-menu .btn{display:flex;align-items:center;gap:10px;width:100%;text-align:left;background:transparent;height:auto;min-height:40px;border-radius:6px;white-space:normal}
.wo_user_profile .changout-profile-more .dropdown-menu .btn:hover{background:#f0f2f5}
.wo_user_profile .profile-cover-changer{position:absolute;bottom:16px;right:24px;z-index:10;margin:0}
.wo_user_profile .profile-cover-changer .profile_cover{display:flex;align-items:center;gap:8px}
.wo_user_profile .profile-cover-changer .btn-file{display:inline-flex;align-items:center;justify-content:center;gap:6px;background:#fff;color:#050505;border:0;border-radius:6px;box-shadow:none;height:36px;padding:8px 12px;font-size:15px;font-weight:600;line-height:20px}
.wo_user_profile .profile-cover-changer .btn-file:hover{background:#f0f2f5}
.wo_user_profile .profile-cover-changer .btn-file svg{width:20px;height:20px;margin:0}
.wo_user_profile .tag_usr_prof_covr .user-cover-reposition-container,.wo_user_profile .tag_usr_prof_covr .user-cover-reposition-w{height:100%}
.wo_user_profile .tag_usr_prof_covr #cover-image{height:100%;object-fit:cover}
.changout-settings .changout-settings-heading-row{display:flex;align-items:center;gap:12px;margin:0 8px 20px}
.changout-settings .changout-settings-heading-row .changout-settings-home-link{display:block;padding:0!important;min-width:0}
.changout-settings .changout-settings-heading-row h1{color:#050505!important;margin:0;line-height:1.2}
.changout-settings .tag_sett_sidebar .changout-settings-sidebar-close{display:inline-flex!important;appearance:none;-webkit-appearance:none;border:0!important;border-radius:50%!important;background:#e4e6eb!important;color:#050505!important;box-shadow:none!important;padding:0!important;margin:0!important;width:36px;min-width:36px;height:36px;line-height:1;flex-shrink:0;align-items:center;justify-content:center;cursor:pointer}
.changout-settings .tag_sett_sidebar .changout-settings-sidebar-close:hover{background:#d8dadf!important}
.changout-settings .tag_sett_sidebar .changout-settings-sidebar-close:focus-visible{outline:2px solid #0866ff;outline-offset:2px}
.changout-settings .tag_sett_sidebar .changout-settings-sidebar-close svg{display:block;width:22px;height:22px;margin:0}
@media(max-width:992px){.wo_user_profile .wow_user_page_btns{flex-wrap:wrap}.changout-settings .changout-settings-heading-row h1{font-size:24px}}
@media(max-width:600px){.wo_user_profile .profile-cover-changer{bottom:12px;right:12px}.wo_user_profile .profile-cover-changer .btn-file{font-size:13px;padding:6px 10px}.wo_user_profile .changout-profile-public-details{margin-top:10px}.wo_user_profile .tag_page_name_hdr{padding:16px 16px 0}.wo_user_profile .wow_user_page_btns{gap:6px}.wo_user_profile .wow_user_page_btns > .btn{padding:8px 10px}}